// 版心
.main {
    width: 1190px;
    margin: 0 auto;
}
// 默认字体
body {
    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    color: #666;
    background-color: #f4f4f4;
}

/* header 头部 开始 */
header {
    .head1 {
        border-bottom: 1px solid #ddd;
        background-color: #e3e4e5;
        .h {
            height: 30px;
            line-height: 30px;
            color: #999;
            ul {
                li.dropdown {
                    position: relative;
                    z-index: 21;
                }
                li {
                    a.hov:hover {
                        color: #e33333;
                    }
                }
            }
            // 头部导航左边
            .hlist1 {
                // 地址定位
                li {
                    float: left;
                    a.txt1 {
                        height: 28px;
                        line-height: 28px;
                        padding: 0px 7px;
                        overflow: hidden;
                        position: relative;
                        z-index: 1;
                        float: left;
                        border: 1px solid #e3e4e5;
                        color: #999;
                        i#i1 {
                            font-size: 14px;
                            color: #f10215;
                            margin-right: 4px;
                        }
                    }
                    .drop {
                        left: 0;
                        width: 300px;
                        padding: 10px;
                        top: 30px;
                        line-height: 24px;
                        display: none;
                        position: absolute;
                        border: 1px solid #ccc;
                        background-color: #fff;
                        -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        .adrbox {
                            .adressbox {
                                .adress {
                                    overflow: hidden;
                                    .item {
                                        float: left;
                                        width: 60px;
                                        padding: 2px 0;
                                        a {
                                            float: left;
                                            padding: 0 8px;
                                            color: #999;
                                        }
                                        a:hover {
                                            background-color: #f4f4f4;
                                            color: #e33333;
                                        }
                                        a.selected {
                                            background-color: #f10215;
                                            color: #fff;
                                        }
                                    }
                                }
                            }
                        }
                        .edition {
                            margin: 10px 0 10px 10px;
                            .crossing {
                                width: 262px;
                                height: 0;
                                border-bottom: 1px dotted #eee;
                            }
                            p {
                                margin: 9px 0;
                                color: #8f8f8f;
                            }
                            .arealist {
                                overflow: hidden;
                                li {
                                    float: left;
                                    width: 145px;
                                    height: 26px;
                                    line-height: 26px;
                                    a {
                                        color: #999;
                                        display: block;
                                        overflow: hidden;
                                        div {
                                            float: left;
                                            width: 120px;
                                            font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",
                                                sans-serif;
                                        }
                                        .tubiao {
                                            float: left;
                                            position: relative;
                                            top: 7px;
                                            margin-right: 8px;
                                            width: 15px;
                                            height: 10px;
                                            border: 1px solid transparent;
                                            background-repeat: no-repeat;
                                        }
                                        .site1 {
                                            background-position: 0 0;
                                            height: 12px;
                                            margin-top: -1px;
                                            background-image: url(../images/globalsite.png);
                                        }
                                        .site2 {
                                            background-image: url(../images/globalsite.png);
                                            border: 1px solid #ebebeb;
                                            background-position: -20px 0;
                                        }
                                        .site3 {
                                            background-image: url(../images/globalsite.png);
                                            border: 1px solid #ebebeb;
                                            background-position: 0 -17px;
                                        }
                                        .site4 {
                                            background-image: url(../images/globalsite.png);
                                            border: 1px solid #ebebeb;
                                            background-position: -40px 0;
                                        }
                                        .site5 {
                                            background-image: url(../images/globalsite.png);
                                            border: 1px solid #ebebeb;
                                            background-position: -20px -17px;
                                        }
                                    }
                                    a:hover {
                                        color: #e33333;
                                    }
                                }
                            }
                        }
                    }
                }
                .dropdown:hover .hov {
                    padding-bottom: 2px;
                    border-color: #ccc;
                    border-bottom: none;
                    background-color: #fff;
                }
            }
            // 头部导航右边
            .hlist2 {
                li.shu {
                    overflow: hidden;
                    margin: 11px 5px 0;
                    width: 1px;
                    height: 10px;
                    background-color: #ccc;
                }
                // 每个li区域
                li {
                    float: left;
                    z-index: 21;
                    a.de1 {
                        color: #999;
                    }
                    a.de2 {
                        color: #e33333;
                    }
                    .dt {
                        padding: 0px 7px;
                        height: 28px;
                        line-height: 28px;
                        a {
                            color: #999;
                        }
                        a.a1 {
                            color: #f00;
                        }
                        a.a1:hover {
                            color: #e33333;
                        }
                        i.i2 {
                            font-size: 12px;
                            position: absolute;
                            right: 5px;
                            top: 10px;
                            width: 12px;
                            height: 12px;
                            line-height: 12px;
                        }
                    }
                    .ddt {
                        overflow: hidden;
                        position: relative;
                        z-index: 1;
                        float: left;
                        border: 1px solid #e3e4e5;
                        padding-right: 20px !important;
                    }
                    .mobiletxt {
                        width: 60px;
                        text-align: center;
                    }
                    .erweiimg {
                        position: absolute;
                        top: 35px;
                        left: 0;
                        width: 76px;
                        height: 76px;
                        background: #fff;
                        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                        div {
                            margin: 5px auto;
                            width: 66px;
                            height: 66px;
                            background: #f6f6f6 url(../images/erweima.png) 50% no-repeat;
                        }
                    }
                    .erweiimg::before {
                        content: "";
                        position: absolute;
                        display: block;
                        top: -9px;
                        left: 50%;
                        margin-left: -5px;
                        width: 0;
                        height: 0;
                        line-height: 0;
                        font-size: 0;
                        border: 5px solid transparent;
                        border-bottom-color: #fff;
                    }
                }
                // 我的京东下拉
                .myjd {
                    .drop {
                        left: 0;
                        width: 280px;
                        display: none;
                        position: absolute;
                        top: 30px;
                        line-height: 24px;
                        border: 1px solid #ccc;
                        background-color: #fff;
                        -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        .top {
                            padding: 10px 0 10px 15px;
                            overflow: hidden;
                            .left {
                                float: left;
                                width: 126px;
                            }
                            .right {
                                float: left;
                                width: 126px;
                            }
                            .item {
                                a {
                                    color: #999;
                                }
                                a:hover {
                                    color: #e33333;
                                }
                            }
                        }
                        .bottom {
                            border-top: 1px solid #f1f1f1;
                        }
                    }
                }
                .myjd:hover .chan {
                    padding-bottom: 2px;
                    border-color: #ccc;
                    border-bottom: none;
                    background-color: #fff;
                }
                // 企业采购下拉
                .business {
                    .drop {
                        left: 0;
                        width: 140px;
                        padding: 10px 0 10px 15px;
                        top: 30px;
                        line-height: 24px;
                        display: none;
                        position: absolute;
                        border: 1px solid #ccc;
                        background-color: #fff;
                        -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        .businessinner {
                            .item {
                                display: inline-block;
                                width: 56px;
                                white-space: nowrap;
                                a {
                                    color: #999;
                                }
                                a:hover {
                                    color: #e33333;
                                }
                            }
                            .itemlast {
                                width: 112px;
                            }
                        }
                    }
                }
                .business:hover .chan {
                    padding-bottom: 2px;
                    border-color: #ccc;
                    border-bottom: none;
                    background-color: #fff;
                }
                // 客户服务下拉
                .customer {
                    .drop {
                        right: 0;
                        width: 174px;
                        padding: 10px 0;
                        top: 30px;
                        line-height: 24px;
                        display: none;
                        position: absolute;
                        border: 1px solid #ccc;
                        background-color: #fff;
                        -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        .client {
                            padding-left: 15px;
                            font-weight: 700;
                            color: #666;
                        }
                        .item-business {
                            margin-top: 5px;
                            padding-top: 5px;
                            border-top: 1px dotted #eee;
                            padding-left: 15px;
                            font-weight: 700;
                            color: #666;
                        }
                        .item {
                            display: inline-block;
                            width: 70px;
                            padding-left: 15px;
                            a {
                                color: #999;
                            }
                            a:hover {
                                color: #e33333;
                            }
                        }
                    }
                }
                .customer:hover .chan {
                    padding-bottom: 2px;
                    border-color: #ccc;
                    border-bottom: none;
                    background-color: #fff;
                }
                // 网站导航下拉
                .sitenav {
                    .drop {
                        right: -84px;
                        width: 1188px;
                        padding: 15px 0;
                        top: 30px;
                        display: none;
                        position: absolute;
                        border: 1px solid #ccc;
                        background-color: #fff;
                        -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
                        line-height: 24px;
                        dl {
                            float: left;
                            width: 255px;
                            padding-left: 20px;
                            border-left: 1px solid #eee;
                            dt {
                                margin-bottom: 5px;
                                font-weight: 700;
                                color: #666;
                            }
                            dd {
                                overflow: hidden;
                                .item {
                                    overflow: hidden;
                                    float: left;
                                    width: 85px;
                                    white-space: nowrap;
                                    a {
                                        color: #999;
                                    }
                                    a:hover {
                                        color: #e33333;
                                    }
                                }
                            }
                        }
                        .dl1 {
                            border-left: none;
                            width: 340px;
                        }
                    }
                }
                .sitenav:hover .chan {
                    padding-bottom: 2px;
                    border-color: #ccc;
                    border-bottom: none;
                    background-color: #fff;
                }
                // 京东手机下拉
                .mobile {
                    z-index: 20;
                    .drop {
                        display: none;
                        position: absolute;
                        left: auto;
                        right: 0;
                        top: 30px;
                        width: 190px;
                        background-color: #fff;
                        border: 1px solid #cfcfcf;
                        border-bottom: 3px solid #60575a;
                        .erweiitem {
                            position: relative;
                            z-index: 5;
                            padding: 15px 0;
                            border-bottom: 1px solid #e7e7e7;
                            .imgbox {
                                position: absolute;
                                left: 5px;
                                top: 14px;
                                width: 74px;
                                height: 74px;
                                border: 1px solid #ccc;
                                background-color: #f7f7f7;
                                img {
                                    width: 70px;
                                    height: 70px;
                                    margin: 2px 0 0 2px;
                                }
                            }
                            .infobox {
                                margin: 0 10px 0 86px;
                                min-height: 70px;
                                .hh {
                                    color: #666 !important;
                                    font-size: 12px;
                                    line-height: 17px;
                                    font-weight: bold;
                                }
                                .p1 {
                                    margin: 3px 0;
                                    line-height: 14px;
                                    color: #f10214;
                                }
                                .p2 {
                                    overflow: hidden;
                                    height: 25px;
                                    a {
                                        float: left;
                                        margin-right: 2px;
                                        width: 25px;
                                        text-indent: -999px;
                                        color: #999;
                                        overflow: hidden;
                                        height: 25px;
                                        background-image: url(../images/mobile-app.png);
                                    }
                                    .app1 {
                                        background-position: 0 0;
                                    }
                                    .app2 {
                                        background-position: 0 -26px;
                                    }
                                    .app3 {
                                        background-position: 0 -52px;
                                    }
                                }
                            }
                        }
                    }
                    .drop::before {
                        content: "";
                        position: absolute;
                        display: block;
                        top: -9px;
                        margin-left: -5px;
                        width: 0;
                        height: 0;
                        line-height: 0;
                        font-size: 0;
                        border: 5px solid transparent;
                        border-bottom-color: #fff;
                        border-color: transparent transparent #fff;
                        left: 154px;
                    }
                }
            }
        }
    }
    .head2 {
        background: #fff;
        border-bottom: 1px solid #ddd;
        .h2 {
            z-index: 11;
            height: 140px;
            .logobox {
                z-index: 2;
                left: 0;
                top: 10px;
                width: 190px;
                height: 120px;
                background-color: #fff;
                .logo {
                    // display: none;
                    width: 100%;
                    height: 100%;
                    a {
                        display: block;
                        width: 190px;
                        height: 120px;
                        background: rgb(255, 255, 255);
                        img {
                            display: block;
                            height: 120px;
                            margin: 0px auto;
                            width: 100%;
                        }
                    }
                }
            }
            .searchbox {
                z-index: 1;
                height: 60px;
                .form {
                    left: 260px;
                    top: 25px;
                    width: 546px;
                    height: 32px;
                    border: 2px solid #e2231a;
                    background: #fff;
                    .txt {
                        left: 0;
                        padding: 2px 44px 2px 17px;
                        width: 425px;
                        height: 26px;
                        border: 1px solid transparent;
                        line-height: 26px;
                        font-size: 12px;
                        top: 0;
                        outline: none;
                        color: #989898;
                    }
                    input {
                        background: transparent;
                        left: 0;
                        padding: 2px 44px 2px 17px;
                        width: 425px;
                        height: 26px;
                        border: 1px solid transparent;
                        line-height: 26px;
                        font-size: 12px;
                        color: #333;
                        top: 0;
                        outline: none;
                    }
                    .photo {
                        right: 75px;
                        top: 10px;
                        width: 19px;
                        height: 15px;
                        overflow: hidden;
                        span {
                            display: block;
                            width: 20px;
                            height: 20px;
                            line-height: 14px;
                            font-size: 20px;
                            text-align: center;
                            font-family: iconfont, sans-serif;
                            color: #9f9f9f;
                            cursor: pointer;
                        }
                        span.icon1 {
                            font-size: 16px;
                        }
                        a {
                            display: inline-block;
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;
                            left: 0;
                            color: #666;
                        }
                    }
                    .photo:hover .icon1 {
                        color: #c81623;
                    }
                    .btn {
                        border-radius: 0;
                        right: 0;
                        width: 58px;
                        height: 32px;
                        line-height: 32px;
                        border: none;
                        background-color: #e1251b;
                        font-size: 20px;
                        font-weight: 700;
                        color: #fff;
                        top: 0;
                        outline: none;
                        transition: background 0.2s ease;
                        text-align: center;
                        box-sizing: border-box;
                        cursor: pointer;
                        i.icon2 {
                            font-size: 18px;
                        }
                    }
                    .btn:hover {
                        background-color: #c81623;
                    }
                }
                .cartbtn {
                    right: 230px;
                    top: 25px;
                    z-index: 21;
                    .cart {
                        width: 130px;
                        height: 34px;
                        background-color: #fff;
                        text-align: center;
                        line-height: 34px;
                        border-color: #eee;
                        cursor: pointer;
                        overflow: hidden;
                        position: relative;
                        z-index: 1;
                        float: left;
                        border: 1px solid #e3e4e5;
                        .i1 {
                            margin-right: 13px;
                            color: #e1251b;
                            transition: color 0.2s ease;
                            font-weight: 7s00;
                        }
                        a {
                            color: #e1251b;
                            transition: color 0.2s ease;
                        }
                        .i2 {
                            position: absolute;
                            top: 1px;
                            left: 29px;
                            right: auto;
                            display: inline-block;
                            padding: 1px 3px;
                            font-size: 12px;
                            line-height: 12px;
                            color: #fff;
                            background-color: #e1251b;
                            border-radius: 7px;
                            min-width: 12px;
                            text-align: center;
                        }
                    }
                }
                .cartbtn:hover .cart {
                    border: 1px solid #c81623;
                }
            }
            .seartxtbox {
                overflow: hidden;
                left: 260px;
                top: 65px;
                width: 550px;
                height: 20px;
                line-height: 20px;
                a {
                    float: left;
                    margin-right: 10px;
                    white-space: nowrap;
                    color: #999;
                }
                a:hover {
                    color: #c81623;
                }
            }
            .hnavbox {
                overflow: hidden;
                left: 203px;
                bottom: 0;
                height: 40px;
                padding-top: 20px;
                .spacer {
                    overflow: hidden;
                    width: 0;
                    height: 13px;
                }
                ul {
                    li {
                        margin-left: 1px;
                        float: left;
                        a {
                            position: relative;
                            display: block;
                            height: 40px;
                            line-height: 40px;
                            font-size: 15px;
                            color: #333;
                            margin: 0 11px;
                            transition: color 0.2s ease;
                        }
                        a:hover {
                            color: #c81623;
                        }
                    }
                }
                ul {
                    li.big {
                        a {
                            font-weight: 700;
                            color: #e1251b;
                        }
                    }
                }
            }
            .null {
                position: absolute;
                right: 0;
                bottom: 10px;
                width: 190px;
                height: 120px;
            }
        }
    }
}
/* header 头部 结束 */

/* banner 开始 */
section.banner {
    background-color: #f4f4f4;
    .bancon {
        z-index: 9;
        margin-bottom: 30px;
        .line1 {
            z-index: 1;
            height: 480px;
            background-color: #f4f4f4;
            .conhe {
                float: left;
                height: 480px;
                margin-right: 10px;
            }
            .left {
                width: 190px;
                .cate {
                    position: relative;
                    z-index: 3;
                    .typemenu {
                        overflow: hidden;
                        padding: 10px 0;
                        height: 450px;
                        background-color: #fefefe;
                        color: #636363;
                        margin-top: 10px;
                        li {
                            overflow: hidden;
                            height: 25px;
                            line-height: 25px;
                            padding-left: 18px;
                            a {
                                font-size: 14px;
                                color: #333;
                            }
                            a:hover {
                                color: #c81623;
                            }
                        }
                        li.active {
                            background-color: #d9d9d9;
                        }
                    }
                    .typebox {
                        width: 998px;
                        top: 0px;
                        display: none;
                        position: absolute;
                        left: 191px;
                        min-height: 468px;
                        border: 1px solid #f7f7f7;
                        background-color: #fff;
                        -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
                        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
                        .typeitem {
                            display: none;
                            padding: 20px 0 10px;
                            .tleft {
                                float: left;
                                width: 800px;
                                .ttop {
                                    overflow: hidden;
                                    padding-left: 20px;
                                    height: 24px;
                                    a {
                                        cursor: pointer;
                                        float: left;
                                        margin-right: 10px;
                                        padding: 0 10px;
                                        height: 24px;
                                        background-color: #333;
                                        line-height: 24px;
                                        color: #fff;
                                        .i3 {
                                            margin-left: 5px;
                                            font-size: 12px;
                                        }
                                    }
                                    a:hover {
                                        background-color: #c81623;
                                    }
                                }
                                .tbottom {
                                    overflow: hidden;
                                    padding: 10px 0 0 20px;
                                    dl {
                                        position: relative;
                                        padding-left: 80px;
                                        a:hover {
                                            color: #c81623;
                                        }
                                        dt {
                                            overflow: hidden;
                                            position: absolute;
                                            left: 0;
                                            top: 6px;
                                            width: 70px;
                                            text-align: right;
                                            font-weight: 700;
                                            white-space: nowrap;
                                            text-overflow: ellipsis;
                                            a {
                                                color: #333;
                                                font-weight: 700;
                                            }
                                            .i4 {
                                                font-size: 12px;
                                                margin-left: 5px;
                                            }
                                        }
                                        dd {
                                            overflow: hidden;
                                            padding: 5px 0;
                                            a {
                                                float: left;
                                                margin: 3px 0;
                                                padding: 0 7px;
                                                height: 16px;
                                                line-height: 16px;
                                                white-space: nowrap;
                                                color: #666;
                                            }
                                        }
                                    }
                                }
                            }
                            .tright {
                                float: left;
                                width: 198px;
                                .tytop {
                                    margin: auto;
                                    width: 168px;
                                    font-size: 0;
                                    a {
                                        overflow: hidden;
                                        display: inline-block;
                                        width: 83px;
                                        height: 35px;
                                        margin: 0 0 1px 1px;
                                        background-color: #e7e7e7;
                                        img {
                                            width: 83px;
                                            height: 35px;
                                        }
                                    }
                                }
                                .tybottom {
                                    margin: 10px auto 0;
                                    width: 168px;
                                    a {
                                        display: block;
                                        margin-bottom: 1px;
                                        height: 134px;
                                        background-color: #e7e7e7;
                                        img {
                                            width: 168px;
                                            height: 134px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .middle {
                width: 790px;
                .screen {
                    height: 470px;
                    margin-top: 10px;
                    overflow: hidden;
                    .focus {
                        z-index: -1;
                        height: 100%;
                        font-size: 0;
                        line-height: 0;
                        overflow: hidden;
                        .slider {
                            width: 100%;
                            display: inline-block;
                            .slideleft {
                                display: inline-block;
                                margin-right: 10px;
                                width: 590px;
                                height: 470px;
                                overflow: hidden;
                                background: none !important;
                                background-color: #eee !important;
                                border-color: #eee !important;
                            }
                            .slideright {
                                width: 190px;
                                vertical-align: top;
                                display: inline-block;
                                height: 100%;
                                .slideitem {
                                    height: 150px;
                                    display: block;
                                    margin-bottom: 10px;
                                    background: none !important;
                                    background-color: #eee !important;
                                    border-color: #eee !important;
                                }
                            }
                        }
                    }
                    .focus::before {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background: -webkit-gradient(
                            linear,
                            right top,
                            left top,
                            from(rgba(255, 255, 255, 0)),
                            color-stop(rgba(255, 255, 255, 0.5)),
                            to(rgba(255, 255, 255, 0))
                        );
                        background: linear-gradient(
                            270deg,
                            rgba(255, 255, 255, 0),
                            rgba(255, 255, 255, 0.5),
                            rgba(255, 255, 255, 0)
                        );
                        left: 0;
                        top: 0;
                        z-index: 20;
                        -webkit-animation: skeletonLoading 2s ease-in-out infinite;
                        animation: skeletonLoading 2s ease-in-out infinite;
                        content: "";
                    }
                    .focusmain {
                        .focusslider {
                            width: 100%;
                            display: inline-block;
                            position: relative;
                            .leftwrapper {
                                width: 590px;
                                margin-right: 10px;
                                float: left;
                                overflow: hidden;
                                .slider {
                                    .wrapperlist {
                                        overflow: hidden;
                                        height: 474px;
                                        ul.sliderlist {
                                            opacity: 1;
                                            width: 590px;
                                            height: 100%;
                                            li {
                                                float: left;
                                                width: 590px;
                                                position: absolute;
                                                opacity: 1;
                                                z-index: 1;
                                                display: none;
                                                a {
                                                    display: inline-block;
                                                    margin-right: 10px;
                                                    width: 590px;
                                                    height: 470px;
                                                    img {
                                                        display: block;
                                                        width: 100%;
                                                        height: 100%;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .numlist {
                                        z-index: 2;
                                        margin-left: 0 !important;
                                        left: 30px;
                                        bottom: 20px;
                                        font-size: 0;
                                        text-align: center;
                                        li {
                                            width: 8px;
                                            height: 8px;
                                            margin-right: 4px;
                                            border: 1px solid rgba(0, 0, 0, 0.05);
                                            background: rgba(255, 255, 255, 0.4);
                                            border-radius: 50%;
                                            float: left;
                                            position: relative;
                                        }
                                        li.active {
                                            width: 9px;
                                            height: 9px;
                                            top: -3px;
                                            left: 0px;
                                            border: 3px solid rgba(133, 0, 0, 0.1);
                                        }
                                        li.active::before {
                                            content: " ";
                                            width: 9px;
                                            height: 9px;
                                            position: absolute;
                                            left: 0;
                                            border-radius: 50%;
                                            background-color: white;
                                        }
                                    }
                                }
                            }
                            .rightwrapper {
                                width: 190px;
                                float: left;
                                overflow: hidden;
                                .leftbtn,
                                .rightbtn {
                                    display: none;
                                }
                                .wrapperlist {
                                    overflow: hidden;
                                    height: 470px;
                                    .sliderlist {
                                        opacity: 1;
                                        width: 190px;
                                        height: 470px;
                                        li {
                                            float: left;
                                            position: absolute;
                                            width: 190px;
                                            height: 470px;
                                            left: 0px;
                                            z-index: 1;
                                            display: none;
                                            div {
                                                width: 190px;
                                                vertical-align: top;
                                                display: inline-block;
                                                height: 100%;
                                                a {
                                                    height: 150px;
                                                    display: block;
                                                    margin-bottom: 10px;
                                                    position: relative;
                                                    img {
                                                        width: 100%;
                                                        height: 100%;
                                                        position: relative;
                                                    }
                                                }
                                                a::after {
                                                    position: absolute;
                                                    left: 0;
                                                    top: 0;
                                                    width: 100%;
                                                    height: 100%;
                                                    content: "";
                                                    background-color: white;
                                                    opacity: 0;
                                                    visibility: hidden;
                                                }
                                            }
                                        }
                                        li a:hover img {
                                            opacity: 0.8;
                                        }
                                    }
                                }
                            }
                            .wrapper {
                                .slider {
                                    height: 470px;
                                    button.leftbtn {
                                        left: 0;
                                        border-top-right-radius: 18px;
                                        border-bottom-right-radius: 18px;
                                        .i1 {
                                            left: -3px;
                                        }
                                    }
                                    button.rightbtn {
                                        right: 0;
                                        border-top-left-radius: 18px;
                                        border-bottom-left-radius: 18px;
                                        .i1 {
                                            right: -3px;
                                        }
                                    }
                                    .slidebtn {
                                        position: absolute;
                                        top: 50%;
                                        border-radius: 0;
                                        width: 25px;
                                        height: 35px;
                                        line-height: 35px;
                                        background-color: #d9d9d9;
                                        background-color: rgba(0, 0, 0, 0.15);
                                        margin-top: -20px;
                                        font-size: 20px;
                                        z-index: 2;
                                        border: none;
                                        outline: none;
                                        .i1 {
                                            position: relative;
                                            display: block;
                                            width: 100%;
                                            height: 100%;
                                            color: #fff;
                                            color: rgba(255, 255, 255, 0.8);
                                            font-size: 12px;
                                        }
                                    }
                                    .slidebtn:hover {
                                        background-color: rgba(0, 0, 0, 0.4);
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .right {
                position: relative;
                float: right;
                width: 190px;
                height: 480px;
                z-index: 1;
                .user {
                    height: 102px;
                    // background: #fff;
                    margin-top: 10px;
                    overflow: hidden;
                }
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}
/* banner 结束 */

/* 内容 开始 */
section.maincontent {
    background-color: #f4f4f4;
    article.line1 {
        position: relative;
        outline: none;
        z-index: 10;
        div.line1 {
            height: 260px;
            margin-bottom: 20px;
            .con1 {
                background-color: white;
                height: 100%;
                overflow: hidden;
                .cut {
                    position: relative;
                    float: left;
                    width: 190px;
                    height: 100%;
                    color: #fff;
                    background-color: #e83632;
                    background-image: url(../images/second.png);
                    background-size: contain;
                    background-position: 50%;
                    background-repeat: no-repeat;
                    .title {
                        width: 100%;
                        text-align: center;
                        font-size: 30px;
                        font-weight: 700;
                        margin-top: 31px;
                    }
                    div {
                        .timetxt {
                            margin-top: 90px;
                            font-size: 14px;
                            text-align: center;
                            strong {
                                font-size: 18px;
                                padding-right: 2px;
                                vertical-align: middle;
                                display: inline-block;
                                margin-top: -1px;
                                font-weight: bolder;
                            }
                        }
                        .timebox {
                            margin: 0px auto;
                            width: 130px;
                            height: 30px;
                            margin-top: 10px;
                            display: block;
                            span {
                                position: relative;
                                float: left;
                                width: 30px;
                                height: 30px;
                                text-align: center;
                                background-color: #2f3430;
                                margin-right: 20px;
                                color: white;
                                font-size: 20px;
                            }
                            span.maohao::after {
                                content: ":";
                                display: block;
                                position: absolute;
                                right: -20px;
                                font-weight: bolder;
                                font-size: 18px;
                                width: 20px;
                                height: 100%;
                                top: 0;
                            }
                            span.wu {
                                margin: 0;
                            }
                        }
                    }
                }
                .seckillbox {
                    position: relative;
                    float: left;
                    width: 800px;
                    height: 100%;
                    overflow: hidden;
                    .slider {
                        .sliderlist {
                            overflow: hidden;
                            height: 260px;
                            .seckillitem {
                                width: 4800px;
                                height: 260px;
                                li {
                                    width: 800px;
                                    height: 260px;
                                    float: left;
                                    font-size: 0;
                                    .iteminfo {
                                        width: 200px;
                                        height: 260px;
                                        display: inline-block;
                                        // color: #666;
                                        .imgbox {
                                            width: 140px;
                                            height: 140px;
                                            margin: 0px auto;
                                            margin-top: 30px;
                                            img {
                                                width: 100%;
                                                height: 100%;
                                            }
                                        }
                                        h6 {
                                            font-size: 12px;
                                            font-weight: 400;
                                            color: #333;
                                            overflow: hidden;
                                            text-overflow: ellipsis;
                                            white-space: nowrap;
                                            width: 160px;
                                            margin: 0px auto;
                                            margin-top: 13px;
                                        }
                                        .pricebox {
                                            border: 1px solid #e1251b;
                                            position: relative;
                                            -webkit-box-sizing: border-box;
                                            box-sizing: border-box;
                                            line-height: 24px;
                                            overflow: hidden;
                                            background-color: #e1251b;
                                            width: 160px;
                                            height: 24px;
                                            margin: 0px auto;
                                            margin-top: 7px;
                                            .newprice {
                                                width: 92px;
                                                height: 100%;
                                                text-align: center;
                                                color: #fff;
                                                font-size: 16px;
                                                font-weight: 700;
                                                line-height: 22px;
                                                float: left;
                                                i {
                                                    font-size: 12px;
                                                    font-weight: 400;
                                                }
                                            }
                                            .newprice::before {
                                                content: " ";
                                                width: 0;
                                                height: 0;
                                                border-color: transparent white transparent transparent;
                                                border-style: solid;
                                                border-width: 22px 8px 0 0;
                                                position: absolute;
                                                top: 0;
                                                left: 84px;
                                            }
                                            .oldprice {
                                                height: 100%;
                                                width: 66px;
                                                float: right;
                                                background: #fff;
                                                text-align: center;
                                                color: #999;
                                                font-size: 12px;
                                                line-height: 22px;
                                                -webkit-box-sizing: border-box;
                                                box-sizing: border-box;
                                                text-decoration: line-through;
                                                vertical-align: top;
                                            }
                                        }
                                    }
                                    .iteminfo:hover h6 {
                                        color: #c81623;
                                    }
                                    .iteminfo:hover .imgbox {
                                        opacity: 0.9;
                                    }
                                }
                            }
                        }
                        button.leftbtn {
                            left: 0;
                            border-top-right-radius: 18px;
                            border-bottom-right-radius: 18px;
                            .i1 {
                                left: -3px;
                            }
                        }
                        button.rightbtn {
                            right: 0;
                            border-top-left-radius: 18px;
                            border-bottom-left-radius: 18px;
                            .i1 {
                                right: -3px;
                            }
                        }
                        .slidebtn {
                            position: absolute;
                            top: 50%;
                            border-radius: 0;
                            width: 25px;
                            height: 35px;
                            line-height: 35px;
                            background-color: #d9d9d9;
                            background-color: rgba(0, 0, 0, 0.15);
                            margin-top: -20px;
                            font-size: 20px;
                            z-index: 2;
                            border: none;
                            outline: none;
                            .i1 {
                                position: relative;
                                display: block;
                                width: 100%;
                                height: 100%;
                                color: #fff;
                                color: rgba(255, 255, 255, 0.8);
                                -webkit-transition: color 0.2s ease;
                                transition: color 0.2s ease;
                                font-size: 12px;
                            }
                        }
                        .slidebtn:hover {
                            background-color: rgba(0, 0, 0, 0.4);
                        }
                    }
                }
                .seckillbrand {
                    position: relative;
                    float: left;
                    width: 200px;
                    height: 260px;
                    padding: 10px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    a {
                        position: relative;
                        height: 240px;
                        .brandimg {
                            width: 120px;
                            height: 120px;
                            margin: 0px auto;
                            margin-top: 20px;
                            .imgbox {
                                position: relative;
                                overflow: hidden;
                                img {
                                    // opacity: 1;
                                    width: 100%;
                                    height: 100%;
                                }
                                // 记得改成js动画
                                img:hover {
                                    opacity: 0.9;
                                }
                            }
                        }
                        .brandtxt {
                            text-align: center;
                            font-size: 14px;
                            width: 100%;
                            height: 90px;
                            margin-top: 10px;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            background: -webkit-gradient(
                                linear,
                                left top,
                                left bottom,
                                from(rgba(255, 255, 255, 0.5)),
                                to(rgba(220, 224, 236, 0.5))
                            );
                            background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(220, 224, 236, 0.5));
                            position: relative;
                            p:nth-of-type(1) {
                                color: #666;
                            }
                            p:nth-of-type(2) {
                                color: #333;
                                font-weight: 700;
                            }
                            .brand1 {
                                color: #e1251b;
                                border-radius: 14px;
                                width: 82px;
                                height: 24px;
                                -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                                text-align: center;
                                display: inline-block;
                                line-height: 22px;
                                font-weight: 700;
                                padding-left: 4px;
                                font-size: 12px;
                                border: 1px solid #e1251b;
                                margin-top: 4px;
                                -webkit-transition: background-color 0.2s ease;
                                transition: background-color 0.2s ease;
                                .i1 {
                                    font-size: 12px;
                                }
                            }
                            .brand1:hover {
                                background-color: #e1251b;
                                color: white;
                            }
                        }
                    }
                }
            }
        }
    }
    article.line2 {
        div.line2 {
            height: 340px;
            margin-bottom: 20px;
            .pub {
                float: left;
                height: 340px;
                margin: 0 10px 0 0;
                width: 590px;
                background-color: #fff;
                .buyhd {
                    height: 60px;
                    padding: 0 20px;
                    font-size: 0;
                    line-height: 0;
                    a {
                        display: inline-block;
                        position: relative;
                        height: 32px;
                        margin: 12px 0 0;
                        color: #e83632;
                        h3 {
                            float: left;
                            font-weight: 700;
                            font-size: 24px;
                            color: #333;
                            line-height: 32px;
                        }
                        i.i1 {
                            width: 16px;
                            height: 16px;
                            position: relative;
                            float: left;
                            top: 16px;
                            left: 10px;
                            font-size: 20px;
                        }
                    }
                }
            }
            .special {
                .buybd {
                    .inner {
                        padding: 0 15px 15px;
                        .tabhd {
                            position: absolute;
                            bottom: 102%;
                            right: 0;
                            .hditem {
                                position: relative;
                                display: inline-block;
                                margin: 0 13.5px;
                                a {
                                    display: inline-block;
                                    cursor: pointer;
                                    font-size: 14px;
                                    font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
                                    color: #999;
                                    line-height: 19px;
                                    padding-bottom: 2px;
                                }
                            }
                            .hditem:last-child {
                                margin-right: 0px;
                            }
                            .active {
                                a {
                                    color: #e1251b;
                                }
                            }
                            div.active::after {
                                content: "";
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                width: 100%;
                                height: 2px;
                                background-color: #e1251b;
                            }
                        }
                        .tabbd {
                            .bditem {
                                width: 560px;
                                height: 270px;
                                display: none;
                                .speclist {
                                    width: 560px;
                                    height: 270px;
                                    .goods1 {
                                        background-color: rgba(109, 126, 146, 0.05);
                                        float: left;
                                        width: 170px;
                                        height: 265px;
                                        margin-right: 6px;
                                        display: inline-block;
                                        vertical-align: top;
                                        a {
                                            position: relative;
                                            display: inline-block;
                                            width: 170px;
                                            .imgbox {
                                                margin-top: 46px;
                                                width: 120px;
                                                display: inline-block;
                                                position: relative;
                                                overflow: hidden;
                                                left: 50%;
                                                margin-left: -60px;
                                                height: 120px;
                                                text-align: center;
                                                img {
                                                    width: 100%;
                                                    height: 100%;
                                                    opacity: 1;
                                                }
                                            }
                                            .lowest {
                                                display: inline-block;
                                                width: 90px;
                                                height: 24px;
                                                position: absolute;
                                                left: 0;
                                                background-image: url(../images/lowest.png);
                                                background-size: cover;
                                                background-position: 50%;
                                                font-family: MicrosoftYaHei-Bold, Microsoft Yahei, PingFangSC-Medium,
                                                    sans-serif, serif;
                                                font-weight: 700;
                                                font-size: 12px;
                                                line-height: 24px;
                                                color: #fff;
                                                letter-spacing: 0;
                                                text-align: center;
                                            }
                                            .message {
                                                margin-left: 0;
                                                width: 100%;
                                                text-align: center;
                                                .goodsname {
                                                    margin-top: 9px;
                                                    margin-bottom: 4px;
                                                    height: 19px;
                                                    line-height: 19px;
                                                    width: 150px;
                                                    font-size: 14px;
                                                    display: inline-block;
                                                    text-align: center;
                                                    color: #333;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                    word-break: break-all;
                                                    font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
                                                }
                                                .pricebox {
                                                    margin-top: 4px;
                                                    .newprice {
                                                        display: inline;
                                                        margin: 0 2px;
                                                        line-height: 16px;
                                                        font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium,
                                                            sans-serif, serif;
                                                        color: #e1251b;
                                                        font-weight: 700;
                                                    }
                                                    .oldprice {
                                                        display: inline;
                                                        margin: 0 2px;
                                                        width: 100%;
                                                        text-decoration: line-through;
                                                        font-family: sans-serif, serif;
                                                        color: #999;
                                                        font-size: 12px;
                                                        line-height: 14px;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .goods2,
                                    .goods3 {
                                        margin-top: 18px;
                                    }
                                    .goods2,
                                    .goods3,
                                    .goods4,
                                    .goods5 {
                                        margin-left: 19px;
                                        margin-bottom: 48px;
                                    }
                                    .specgoods {
                                        display: inline-block;
                                        // float: left;
                                        vertical-align: top;
                                        width: 170px;
                                        height: 89px;
                                        a {
                                            position: relative;
                                            display: inline-block;
                                            width: 170px;
                                            .imgbox {
                                                float: left;
                                                width: 84px;
                                                height: 84px;
                                                position: relative;
                                                overflow: hidden;
                                                img {
                                                    width: 100%;
                                                    height: 100%;
                                                    opacity: 1;
                                                }
                                            }
                                            .lowest {
                                                display: inline-block;
                                                overflow: hidden;
                                                width: 84px;
                                                height: 16px;
                                                font-size: 11px;
                                                position: absolute;
                                                bottom: 0;
                                                left: 0;
                                                background: rgba(0, 0, 0, 0.6);
                                                white-space: nowrap;
                                                color: #fff;
                                                text-align: center;
                                                line-height: 16px;
                                            }
                                            .message {
                                                float: left;
                                                width: 75px;
                                                margin-left: 6px;
                                                font-size: 0;
                                                .goodsname {
                                                    display: inline-block;
                                                    width: 100%;
                                                    color: #333;
                                                    height: 32px;
                                                    font-size: 12px;
                                                    line-height: 16px;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                    word-break: break-all;
                                                    font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
                                                }
                                                .pricebox {
                                                    .newprice {
                                                        font-size: 14px;
                                                        line-height: 16px;
                                                        font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium,
                                                            sans-serif, serif;
                                                        color: #e1251b;
                                                        letter-spacing: 0;
                                                        margin-top: 5px;
                                                        font-weight: 700;
                                                        display: inline-block;
                                                    }
                                                    .oldprice {
                                                        display: inline-block;
                                                        width: 100%;
                                                        text-decoration: line-through;
                                                        font-family: sans-serif, serif;
                                                        color: #999;
                                                        font-size: 12px;
                                                        line-height: 14px;
                                                        margin-top: 2px;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            div.active {
                                display: block;
                            }
                        }
                    }
                }
            }
            .lightningbuy {
                margin-right: 0;
                .buybd {
                    .container {
                        height: 272px;
                        padding: 0 20px 0 15px;
                        a {
                            width: 270px;
                            height: 265px;
                            margin-right: 15px;
                            .im1 {
                                position: relative;
                                width: 70px;
                                height: 35px;
                                display: block;
                                margin: 15px auto 0;
                                z-index: 1;
                            }
                            h6 {
                                position: relative;
                                color: #333;
                                font-weight: 700;
                                font-size: 16px;
                                text-align: center;
                                z-index: 1;
                                margin-top: 6px;
                            }
                            .message {
                                position: relative;
                                text-align: center;
                                font-size: 12px;
                                color: #666;
                                margin-bottom: 13px;
                                margin-top: 1px;
                                z-index: 1;
                                .span1 {
                                    padding-right: 5px;
                                    position: relative;
                                }
                                .span2 {
                                    padding-left: 5px;
                                    position: relative;
                                    .span22 {
                                        margin-right: 4px;
                                    }
                                    .day {
                                        display: inline-block;
                                        span {
                                            margin-right: 4px;
                                            font-weight: 700;
                                        }
                                    }
                                }
                                .span2::before {
                                    content: " ";
                                    position: absolute;
                                    left: 0;
                                    width: 1px;
                                    height: 10px;
                                    top: 3px;
                                    background-color: rgba(102, 102, 102, 0.4);
                                }
                            }
                            .im2 {
                                width: 130px;
                                height: 130px;
                                display: block;
                                margin: 0 auto;
                                position: relative;
                            }
                        }
                        a::after {
                            background: -webkit-gradient(
                                linear,
                                left top,
                                left bottom,
                                from(rgba(188, 163, 141, 0.05)),
                                to(rgba(74, 55, 45, 0.05))
                            );
                            background: linear-gradient(180deg, rgba(188, 163, 141, 0.05), rgba(74, 55, 45, 0.05));
                        }
                        .others {
                            width: 270px;
                            float: left;
                            height: 312px;
                            vertical-align: top;
                            margin-top: -40px;
                            a {
                                position: relative;
                                text-align: center;
                                overflow: hidden;
                                float: left;
                                width: 135px;
                                height: 100px;
                                padding: 14px 0;
                                -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                                div {
                                    width: 100px;
                                    height: 50px;
                                    margin: 0 auto;
                                    position: relative;
                                    img {
                                        width: 100%;
                                        height: 100%;
                                    }
                                }
                                h6 {
                                    color: #666;
                                    margin-top: 6px;
                                    font-size: 12px;
                                    text-align: center;
                                    font-weight: 400;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }
                            }
                            a.wu2::after {
                                position: absolute;
                                width: 1px;
                                height: 60px;
                                right: 0;
                                top: 50%;
                                margin-top: -30px;
                                background: -webkit-gradient(
                                    linear,
                                    left top,
                                    left bottom,
                                    from(white),
                                    color-stop(#eeeeee),
                                    color-stop(#eeeeee),
                                    to(white)
                                );
                                background: linear-gradient(180deg, white, #eeeeee, #eeeeee, white);
                                content: "";
                            }
                            .wu {
                                margin-right: 0px;
                            }
                        }
                    }
                }
            }
        }
    }
    article.line3 {
        div.line3 {
            height: 260px;
            position: relative;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 20px;
            .nicelogo {
                float: left;
                background: url(../images/nicebg.png);
                background-color: #eee;
                background-size: 100% 100%;
                position: absolute;
                left: 0;
                top: 0;
                width: 190px;
                height: 260px;
                .logo {
                    width: 160px;
                    height: 90px;
                    margin-top: 15px;
                    margin-left: auto;
                    margin-right: auto;
                    background-image: url(../images/nice-a.png);
                    background-size: contain;
                    background-position: 50%;
                    background-repeat: no-repeat;
                    .logotxt {
                        color: rgba(255, 255, 255, 0.8);
                        font-size: 16px;
                        padding-top: 55px;
                        padding-left: 20px;
                        padding-bottom: 10px;
                        display: block;
                        .i1 {
                            width: 20px;
                            height: 20px;
                            font-size: 20px;
                            position: relative;
                            margin-left: -4px;
                            top: 3px;
                            margin-top: -2px;
                            display: inline-block;
                        }
                    }
                }
            }
            .nicegoodslist {
                float: right;
                width: 990px;
                background-color: white;
                overflow: hidden;
                margin-left: 10px;
                height: 100%;
                position: relative;
                .goodslist {
                    padding-left: 20px;
                    padding-right: 20px;
                    height: 100%;
                    width: 100%;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    white-space: nowrap;
                    position: absolute;
                    .goodsitem {
                        width: 150px;
                        display: inline-block;
                        margin-right: 50px;
                        vertical-align: top;
                        .goodstxt {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            color: #333;
                            -webkit-transition: color 0.2s ease;
                            transition: color 0.2s ease;
                            text-align: center;
                            font-size: 14px;
                        }
                        .imgbox {
                            height: 150px;
                            .goodsimg {
                                position: relative;
                                overflow: hidden;
                                img {
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                        }
                    }
                    .top1 {
                        margin-top: 50px;
                        .goodstxt {
                            margin-bottom: 10px;
                        }
                    }
                    .top2 {
                        margin-top: 20px;
                        .goodstxt {
                            margin-top: 10px;
                        }
                    }
                }
                .scrollbar {
                    position: absolute;
                    left: 15px;
                    bottom: 10px;
                    width: calc(100% - 30px);
                    height: 3px;
                    border-radius: 3px;
                    background-color: #f3f3f3;
                    opacity: 1;
                    -webkit-transition: opacity 0.3s ease;
                    transition: opacity 0.3s ease;
                    visibility: visible;
                }
                .scrollbtn {
                    width: 99px;
                    height: 9px;
                    border-radius: 4px;
                    background-color: #d8d8d8;
                    position: absolute;
                    top: 50%;
                    margin-top: -4.5px;
                    cursor: pointer;
                }
            }
        }
    }
    article.line4 {
        div.line4 {
            height: 340px;
            margin-bottom: 20px;
            .newgood {
                width: 290px;
                background-image: url(../images/newgoodbg.png);
                -webkit-filter: progid:dximagetransform.microsoft.alphaimageloader(src="//storage.360buyimg.com/mtd/home/bg1574241534318.png",sizingMethod="scale");
                filter: progid:dximagetransform.microsoft.alphaimageloader(src="//storage.360buyimg.com/mtd/home/bg1574241534318.png",sizingMethod="scale");
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 50%;
                .l4bd {
                    overflow: hidden;
                    .slider {
                        position: relative;
                        width: 260px;
                        height: 250px;
                        margin: 0 auto;
                        .slidebtn {
                            position: absolute;
                            top: 50%;
                            border-radius: 0;
                            width: 25px;
                            height: 35px;
                            line-height: 35px;
                            background-color: #d9d9d9;
                            background-color: rgba(0, 0, 0, 0.15);
                            margin-top: -50px;
                            font-size: 20px;
                            z-index: 2;
                            border: none;
                            outline: none;
                            .i1 {
                                color: #fff;
                                font-size: 12px;
                                position: relative;
                                display: block;
                                width: 100%;
                                height: 100%;
                                color: rgba(255, 255, 255, 0.8);
                            }
                        }
                        .leftbtn {
                            left: -15px;
                            border-top-right-radius: 18px;
                            border-bottom-right-radius: 18px;
                            .i1 {
                                left: -3px;
                            }
                        }
                        .rightbtn {
                            right: -15px;
                            border-top-left-radius: 18px;
                            border-bottom-left-radius: 18px;
                            .i1 {
                                right: -3px;
                            }
                        }
                        .wrapperlist {
                            overflow: initial;
                            height: 250px;
                            .sliderlist {
                                opacity: 1;
                                left: -65px;
                                width: 1300px;
                                display: block;
                                li {
                                    width: 130px;
                                    float: left;
                                    text-align: center;
                                    height: 100%;
                                    min-height: 1px;
                                    a {
                                        display: block;
                                        position: relative;
                                        .imgbox {
                                            width: 100%;
                                            height: 140px;
                                            position: relative;
                                            overflow: hidden;
                                            img {
                                                width: 100%;
                                                height: 100%;
                                            }
                                        }
                                        .info {
                                            .name {
                                                position: relative;
                                                width: 200px;
                                                left: -35px;
                                                line-height: 19px;
                                                font-size: 14px;
                                                color: #333;
                                                font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
                                                white-space: nowrap;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                opacity: 1;
                                                filter: alpha(opacity=0);
                                                margin-top: 20px;
                                                margin-bottom: 4px;
                                            }
                                            .intro {
                                                position: relative;
                                                width: 200px;
                                                height: 16px;
                                                left: -35px;
                                                line-height: 16px;
                                                letter-spacing: 0;
                                                font-size: 12px;
                                                font-family: Microsoft Yahei, PingFangSC-Medium, Heiti SC, tahoma, arial,
                                                    Hiragino Sans GB, "\5B8B\4F53", sans-serif, serif;
                                                color: #999;
                                                white-space: nowrap;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                opacity: 1;
                                                filter: alpha(opacity=0);
                                            }
                                            .price {
                                                margin-top: 20px;
                                                font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium,
                                                    sans-serif, serif;
                                                font-size: 18px;
                                                color: #e1251b;
                                                letter-spacing: 0;
                                            }
                                            .new {
                                                display: inline-block;
                                                position: absolute;
                                                top: 10px;
                                                right: 0;
                                                width: 48px;
                                                height: 20px;
                                                line-height: 20px;
                                                background-image: url(../images/new.png);
                                                background-size: cover;
                                                background-position: 50%;
                                                color: white;
                                                opacity: 0;
                                                filter: alpha(opacity=0);
                                                -webkit-transition: all 0.4s ease;
                                                transition: all 0.4s ease;
                                                font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium,
                                                    sans-serif, serif;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .con {
                float: left;
                height: 340px;
                margin: 0 10px 0 0;
                background-color: #fff;
                .l4hd {
                    height: 60px;
                    padding: 0 20px;
                    font-size: 0;
                    line-height: 0;
                    a {
                        display: inline-block;
                        position: relative;
                        height: 32px;
                        margin: 12px 0 0;
                        h3 {
                            float: left;
                            font-weight: 700;
                            font-size: 24px;
                            color: #333;
                            line-height: 32px;
                        }
                        .i1 {
                            width: 16px;
                            height: 16px;
                            position: relative;
                            float: left;
                            top: 18px;
                            left: 4px;
                            color: #c81623;
                            font-size: 20px;
                        }
                    }
                }
            }
            .xunbao {
                width: 290px;
                .tabhead {
                    position: absolute;
                    height: 40px;
                    right: 5px;
                    line-height: 0;
                    font-size: 0;
                    top: -10px;
                    .item {
                        display: inline-block;
                        height: 26px;
                        line-height: 40px;
                        padding-top: 0;
                        font-size: 14px;
                        a {
                            display: inline-block;
                            max-width: 70px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            color: #999;
                            font-size: 12px;
                            background-color: #f6f6f6;
                            height: 20px;
                            line-height: 20px;
                            margin: 0 4px;
                            width: 62px;
                            text-align: center;
                            border-radius: 12px;
                            font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
                        }
                    }
                    div.active a {
                        background-color: #e1251b;
                        color: #fff;
                    }
                }
                .tabbody {
                    position: absolute;
                    top: 20px;
                    margin-top: 10px;
                    .bodyitem {
                        display: none;
                        .goods {
                            margin: 0 15px 10px;
                            a {
                                position: relative;
                                display: block;
                                height: 70px;
                                color: #666;
                                .imgbox {
                                    display: block;
                                    width: 70px;
                                    height: 70px;
                                    img {
                                        display: block;
                                        width: auto;
                                        height: auto;
                                        max-width: 100%;
                                        max-height: 100%;
                                        margin: 0 auto;
                                    }
                                }
                                .iteminfo {
                                    position: absolute;
                                    left: 80px;
                                    top: 0;
                                    width: 180px;
                                    .intro {
                                        display: block;
                                        max-height: 2.6em;
                                        line-height: 1.3em;
                                        font-size: 14px;
                                        word-break: break-all;
                                        color: #333;
                                        overflow: hidden;
                                        -webkit-transition: all 0.2s ease;
                                        transition: all 0.2s ease;
                                        font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
                                    }
                                    .price {
                                        margin-top: 10px;
                                        font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
                                        font-size: 16px;
                                        color: #e1251b;
                                        letter-spacing: 0;
                                        span {
                                            i {
                                                font-size: 12px;
                                                font-weight: 400;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    div.active {
                        display: block;
                    }
                }
            }
            .goodstore {
                width: 290px;
                .nicecontain {
                    padding: 0 15px;
                    a {
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        width: 260px;
                        height: 128px;
                        padding: 15px 125px 15px 15px;
                        margin-bottom: 10px;
                        display: block;
                        position: relative;
                        .niceinfo {
                            .nicetitle {
                                max-height: 38px;
                                line-height: 1.3em;
                                font-size: 14px;
                                color: #333;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                            }
                            .tags {
                                margin-top: 5px;
                                .tag {
                                    font-size: 12px;
                                    text-align: center;
                                    border-radius: 2px;
                                    padding: 0 2px;
                                    height: 18px;
                                    line-height: 17px;
                                    -webkit-box-sizing: border-box;
                                    box-sizing: border-box;
                                    border: 1px solid transparent;
                                    margin-right: 5px;
                                    display: inline-block;
                                }
                                .tag1 {
                                    color: #e2231a;
                                    border-color: #e2231a;
                                }
                                .tag2 {
                                    color: #596fab;
                                    border-color: #596fab;
                                    margin-right: 0px;
                                }
                            }
                            .care {
                                color: #999;
                                font-size: 12px;
                                position: absolute;
                                bottom: 15px;
                            }
                        }
                        .imgbox {
                            width: 100px;
                            height: 100px;
                            position: absolute;
                            right: 10px;
                            top: 15px;
                            border-radius: 4px;
                            -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                            padding: 5px;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            background: white;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                    .a1 {
                        background-image: url(../images/a1bg.png);
                        background-size: contain;
                        background-position: 50%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                    .a2 {
                        background-image: url(../images/a2bg.png);
                        background-size: contain;
                        background-position: 50%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                }
            }
            div.papercenter {
                width: 290px;
                margin-right: 0;
                .l4bd {
                    background: url(../images/center.png) no-repeat bottom;
                    overflow: hidden;
                    .centerbox {
                        padding: 0 15px;
                        .inner {
                            height: 280px;
                            .paperitem {
                                position: relative;
                                overflow: hidden;
                                margin-bottom: 3px;
                                .paper {
                                    display: block;
                                    overflow: hidden;
                                    height: 82px;
                                    .maincon {
                                        .imgbox {
                                            float: left;
                                            margin: 8px 0 0 7px;
                                            width: 50px;
                                            height: 50px;
                                            padding: 8px;
                                            border-radius: 50%;
                                            -webkit-transition: opacity 0.2s ease;
                                            background: #fff !important;
                                            transition: opacity 0.2s ease;
                                            img {
                                                display: block;
                                                width: auto;
                                                height: auto;
                                                max-width: 100%;
                                                max-height: 100%;
                                                margin: 0 auto;
                                            }
                                        }
                                        .infomation {
                                            padding-top: 5px;
                                            margin-left: 80px;
                                            .price {
                                                font-family: impact, sans-serif;
                                                display: block;
                                                height: 34px;
                                                line-height: 34px;
                                                color: #e33333;
                                                i {
                                                    margin-right: 3px;
                                                    font-family: arial, sans-serif;
                                                    font-weight: 400;
                                                }
                                                span {
                                                    font-size: 28px;
                                                    margin-right: 3px;
                                                }
                                            }
                                            .limit {
                                                color: #999;
                                                font-size: 12px;
                                                line-height: 18px;
                                                height: 18px;
                                                white-space: nowrap;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                            }
                                            .info {
                                                width: 140px;
                                                color: #333;
                                                font-size: 12px;
                                                line-height: 18px;
                                                height: 18px;
                                                white-space: nowrap;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                            }
                                        }
                                    }
                                    .more {
                                        position: absolute;
                                        height: 100%;
                                        line-height: 82px;
                                        margin-right: 32px;
                                        font-size: 12px;
                                        color: #666;
                                        top: 0;
                                        right: 0;
                                        .div1 {
                                            display: inline-block;
                                            width: 1px;
                                            line-height: 15px;
                                            vertical-align: middle;
                                        }
                                        .div2 {
                                            position: absolute;
                                            right: -28px;
                                            top: 0;
                                            font-family: iconfont, sans-serif;
                                            font-size: 12px;
                                        }
                                    }
                                    .more:hover {
                                        color: #c81623;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .squarebox {
        .squarecon {
            width: 100%;
            height: 1005px;
            margin-bottom: 20px;
            overflow: hidden;
            .shd {
                height: 65px;
                .hdinner {
                    margin: 0 auto;
                    width: 1190px;
                    h3 {
                        position: relative;
                        width: 150px;
                        height: 45px;
                        font-size: 28px;
                        font-weight: 700;
                        text-align: center;
                        line-height: 45px;
                        padding: 0 30px;
                        margin: 0 auto 20px;
                        overflow: hidden;
                        color: #333;
                    }
                    h3::before {
                        background-image: url(../images/sprite.png);
                        width: 25px;
                        height: 20px;
                        background-position: 0 0;
                        left: 0;
                        content: "";
                        position: absolute;
                        top: 50%;
                        margin-top: -10px;
                    }
                    h3::after {
                        background-image: url(../images/sprite.png);
                        width: 25px;
                        height: 20px;
                        background-position: -25px 0;
                        right: 0;
                        content: "";
                        position: absolute;
                        top: 50%;
                        margin-top: -10px;
                    }
                }
            }
            .square {
                .squareinner {
                    width: 1200px;
                    .item {
                        background: #fff;
                        width: 290px;
                        height: 180px;
                        margin-right: 10px;
                        margin-bottom: 10px;
                        .atitle {
                            display: block;
                            height: 30px;
                            margin-left: 30px;
                            margin-right: 10px;
                            padding-top: 17px;
                            padding-bottom: 13px;
                            line-height: 30px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            .span1 {
                                font-size: 22px;
                                font-weight: 700;
                                color: #333;
                            }
                            .span2 {
                                font-size: 14px;
                                color: #999;
                                margin-left: 5px;
                            }
                        }
                        .itemimg {
                            font-size: 0;
                            line-height: 0;
                            padding-left: 30px;
                            .aimg {
                                position: relative;
                                display: inline-block;
                                margin-right: 30px;
                                .imgbox {
                                    display: inline-block;
                                    width: 100px;
                                    height: 100px;
                                    img {
                                        width: auto;
                                        height: auto;
                                        max-width: 100%;
                                        max-height: 100%;
                                        margin: 0 auto;
                                    }
                                }
                            }
                        }
                    }
                    .item1,
                    .item2 {
                        height: 370px;
                        width: 290px;
                        margin-right: 10px;
                        margin-bottom: 10px;
                        background-color: #fff;
                        .aa {
                            height: 370px;
                            width: 290px;
                            display: inline-block;
                            position: relative;
                            .imgbox {
                                width: 100%;
                                height: 100%;
                                img {
                                    width: auto;
                                    height: auto;
                                    max-width: 100%;
                                    max-height: 100%;
                                    margin: 0 auto;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .recommend {
        .moregoods {
            .shd {
                height: 65px;
                .hdinner {
                    margin: 0 auto;
                    width: 1190px;
                    h3 {
                        position: relative;
                        width: 150px;
                        height: 45px;
                        font-size: 28px;
                        font-weight: 700;
                        text-align: center;
                        line-height: 45px;
                        padding: 0 30px;
                        margin: 0 auto 20px;
                        overflow: hidden;
                        color: #333;
                    }
                    h3::before {
                        background-image: url(../images/sprite.png);
                        width: 25px;
                        height: 20px;
                        background-position: 0 0;
                        left: 0;
                        content: "";
                        position: absolute;
                        top: 50%;
                        margin-top: -10px;
                    }
                    h3::after {
                        background-image: url(../images/sprite.png);
                        width: 25px;
                        height: 20px;
                        background-position: -25px 0;
                        right: 0;
                        content: "";
                        position: absolute;
                        top: 50%;
                        margin-top: -10px;
                    }
                }
            }
            .tabnav {
                background: #fff;
                margin-bottom: 10px;
                .navhead {
                    margin: 0 auto;
                    height: 60px;
                    width: 1080px;
                    .navitem {
                        position: relative;
                        float: left;
                        width: 180px;
                        height: 60px;
                        text-align: center;
                        cursor: pointer;
                        .navname {
                            color: #333;
                            margin-top: 7px;
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 27px;
                            height: 27px;
                        }
                        .navdesc {
                            color: #999;
                            font-size: 14px;
                        }
                        .xian {
                            position: absolute;
                            right: 0;
                            top: 0;
                            height: 40px;
                            margin: 10px 0;
                            width: 1px;
                            background: #dfdfdf;
                            background: -webkit-gradient(
                                linear,
                                left top,
                                left bottom,
                                from(white),
                                color-stop(51%, #dfdfdf),
                                to(white)
                            );
                            background: linear-gradient(180deg, white, #dfdfdf 51%, white);
                        }
                    }
                    li.current .navdesc {
                        color: #e1251b;
                        font-size: 14px;
                    }
                    li.current .navname span {
                        background: #e1251b;
                        color: #fff;
                        width: 70px;
                        height: 27px;
                        display: inline-block;
                        border-radius: 50px;
                        padding: 0 5px;
                    }
                }
            }
            .goodslist {
                .goodscon {
                    height: 1200px;
                    div.current {
                        display: block;
                    }
                }
                .goodsbox {
                    margin: 0 -5px;
                    height: 1200px;
                    display: none;
                    .moregoods {
                        position: relative;
                        float: left;
                        width: 230px;
                        height: 322px;
                        margin: 0 5px 10px;
                        background-color: #fff;
                        .goods {
                            display: inline-block;
                            width: 100%;
                            height: 100%;
                            .goodsimg {
                                width: 150px;
                                height: 150px;
                                margin: 30px auto 40px;
                                display: block;
                                position: relative;
                                overflow: hidden;
                                img {
                                    display: block;
                                    width: auto;
                                    height: auto;
                                    max-width: 100%;
                                    max-height: 100%;
                                    margin: 0 auto;
                                }
                            }
                            .goodsinfo {
                                clear: both;
                                line-height: 24px;
                                padding: 0 20px;
                                height: 65px;
                                .info {
                                    height: 48px;
                                    font-size: 14px;
                                    line-height: 24px;
                                    text-align: left;
                                    color: #666;
                                    word-break: break-all;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 2;
                                    -webkit-box-orient: vertical;
                                    .goodtag {
                                        background-color: #e1251b;
                                        border-radius: 2px;
                                        color: #fff;
                                        padding: 0 5px;
                                        margin-right: 4px;
                                        line-height: 16px;
                                        height: 16px;
                                        font-size: 12px;
                                        display: inline-block;
                                        font-family: Helvetica Neue, Hiragino Sans GB, SimSun, serif;
                                    }
                                    .international {
                                        display: inline-block;
                                        position: relative;
                                        top: 3px;
                                        margin-right: 8px;
                                        width: 54px;
                                        height: 16px;
                                        background-size: cover;
                                        background-image: url(../images/international.png);
                                    }
                                }
                                .goodsprice {
                                    margin-top: 10px;
                                    .price {
                                        float: left;
                                        width: 75px;
                                        text-align: left;
                                        display: inline-block;
                                        font-size: 16px;
                                        line-height: 18px;
                                        height: 18px;
                                        color: #e1251b;
                                        i {
                                            vertical-align: middle;
                                            font-size: 12px;
                                            font-weight: 700;
                                            font-family: MicrosoftYahei-regular, Arial, Helvetica, sans-serif;
                                            margin-right: 3px;
                                        }
                                        .num {
                                            font-size: 20px;
                                            font-weight: 700;
                                            font-family: arial, sans-serif;
                                            span {
                                                font-weight: 700;
                                                font-family: arial, sans-serif;
                                            }
                                        }
                                    }
                                }
                            }
                            .goodshover {
                                .delete {
                                    position: absolute;
                                    top: 10px;
                                    right: 10px;
                                    width: 16px;
                                    height: 16px;
                                    display: none;
                                    opacity: 0;
                                    background: url(../images/delete.png) no-repeat;
                                    background-size: 16px;
                                    background-position: 50%;
                                    cursor: pointer;
                                }
                                .delete:hover {
                                    border-radius: 50%;
                                    background-color: #c81623;
                                }
                                .like {
                                    position: absolute;
                                    bottom: 8px;
                                    left: 0;
                                    width: 100%;
                                    height: 66px;
                                    text-align: center;
                                    display: none;
                                    opacity: 0;
                                    background-color: #fff;
                                    background: -webkit-gradient(
                                        linear,
                                        left top,
                                        left bottom,
                                        from(rgba(255, 255, 255, 0.8)),
                                        color-stop(35%, white),
                                        to(white)
                                    );
                                    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0, white 35%, white);
                                    .eye {
                                        height: 28px;
                                        width: 120px;
                                        display: inline-block;
                                        font-size: 12px;
                                        border: 1px solid #353131;
                                        border-radius: 15px;
                                        line-height: 28px;
                                        text-align: center;
                                        cursor: pointer;
                                        margin-left: 10px;
                                        margin-top: 18px;
                                        background-color: #333;
                                        color: #fff !important;
                                        i.i1 {
                                            vertical-align: middle;
                                            display: inline-block;
                                            margin-top: -4px;
                                            width: 16px;
                                            height: 16px;
                                            line-height: 16px;
                                            margin-right: 4px;
                                            color: #bbb;
                                            font-size: 14px;
                                            font-weight: 600;
                                        }
                                    }
                                    .eye:hover {
                                        background-color: #c81623;
                                        border: 1px solid #c81623;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    div.elevatorfixed {
        position: fixed;
    }
}
/* 内容 结束 */

/* footer 头部 开始 */
footer {
    height: 600px;
    .fcolor1 {
        height: 564px;
        background: #eaeaea;
    }
    .fcolor2 {
        height: 36px;
        background: #fff;
    }
    .fline1 {
        height: 102px;
        box-sizing: border-box;
    }
    .fconbox1 {
        padding: 30px 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }
    .fimgtxt {
        height: 42px;
        display: flex;
        align-items: center;
    }
    .fimg {
        width: 36px;
        height: 42px;
    }
    .f-fimg1 {
        background: url(../images/ico_service.png) no-repeat 0px 0px;
    }
    .f-fimg2 {
        background: url(../images/ico_service.png) no-repeat 0px -43px;
    }
    .f-fimg3 {
        background: url(../images/ico_service.png) no-repeat 0px -86px;
    }
    .f-fimg4 {
        background: url(../images/ico_service.png) no-repeat 0px -129px;
    }
    .ftxt {
        font-size: 18px;
        font-weight: 700;
        color: #444;
    }
    .fline2 {
        height: 222px;
        box-sizing: border-box;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }
    .fconbox2 {
        height: 200px;
        display: flex;
        padding: 30px 55px 31px;
        box-sizing: border-box;
        justify-content: space-between;
    }
    .fconbox2 dl dt {
        font-size: 14px;
        color: #777;
        height: 22px;
        padding-bottom: 10px;
        font-weight: bold;
    }
    .fconbox2 dl dd {
        font-size: 12px;
        height: 22px;
    }
    .fconbox2 dl dd a {
        color: #666;
    }
    .fconbox2 dl dd:hover a {
        color: #f30213;
    }
    .fline3 {
        height: 240px;
    }
    .fconbox3 {
        padding: 18px 50px 30px;
        box-sizing: border-box;
    }
    .flist1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .flist1 li a {
        color: #666;
    }
    .flist1 li span {
        color: #d5cecc;
        padding-left: 9px;
    }
    .flist2 {
        display: flex;
        justify-content: center;
        margin-bottom: 6px;
    }
    .flist2 li {
        color: #999;
    }
    .flist2 li a {
        color: #999;
    }
    .flist2 li span {
        color: #d5cecc;
        padding: 0 9px;
    }
    .fconbox3 ul li a:hover {
        color: #f30213;
    }
    .flist2 li a img {
        width: 14px;
        height: 14px;
        padding-right: 9px;
    }
    .flist2 li {
        display: flex;
    }
    .fbtn {
        width: 103px;
        height: 32px;
    }
    .imgbtn1 {
        background: url(../images/new_footer.png) no-repeat -104px 0px;
    }
    .imgbtn2 {
        background: url(../images/new_footer.png) no-repeat 0px -33px;
    }
    .imgbtn3 {
        background: url(../images/new_footer.png) no-repeat -104px -33px;
    }
    .imgbtn4 {
        background: url(../images/new_footer.png) no-repeat 0px -66px;
    }
    .imgbtn5 {
        background: url(../images/new_footer.png) no-repeat -104px -66px;
    }
    .flist3 {
        display: flex;
        justify-content: center;
    }
    .fbtn a {
        display: block;
        width: 103px;
        height: 32px;
    }
}
div.elevator {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 615px;
    z-index: 100;
    .elelist {
        overflow: hidden;
        li {
            a {
                position: relative;
                display: block;
                width: 38px;
                height: 38px;
                line-height: 19px;
                font-size: 14px;
                color: #333;
                padding: 10px;
                text-align: center;
                background: #fff;
                z-index: 1;
                .eletxt {
                    .sp1 {
                        position: absolute;
                        top: -1px;
                        left: 0;
                        right: 0;
                        bottom: -1px;
                        z-index: 2;
                        background: transparent;
                    }
                    .sp2 {
                        position: relative;
                        z-index: 3;
                    }
                }
            }
            a::after {
                position: absolute;
                display: inline-block;
                width: 40px;
                height: 1px;
                left: 50%;
                bottom: 0;
                margin-left: -20px;
                background: linear-gradient(270deg, white, #eeeeee, #eeeeee, white);
                z-index: 1;
                content: "";
            }
            a:hover .sp1 {
                background: #c81623;
            }
        }
        li.current a {
            color: #e1251b;
        }
        li:hover a {
            color: #fff;
        }
    }
    .back {
        visibility: visible;
        background-color: #fff;
        opacity: 1;
        text-align: center;
        display: none;
        height: 50px;
        padding-top: 10px;
        color: #e1251b;
        .spa1 {
            display: block;
            height: 22px;
            line-height: 22px;
            font-family: iconfont, sans-serif;
            font-size: 20px;
        }
        .spa2 {
            display: block;
            height: 18px;
            line-height: 18px;
            font-size: 14px;
        }
    }
    .show {
        display: block;
    }
    .back:hover {
        background: #c81623;
        color: #fff;
    }
}
/* footer 头部 结束 */
